import React, { Component } from 'react';
import { NavBar, Icon } from 'antd-mobile';

const navBarStyle = {
    position: 'fixed',
    top:0,
    left:0,
    right:0,
    marginBottom: '45px'
}

export default class Headers extends Component {
    render() {
        return (
            <div>
                <NavBar
                ></NavBar>
                <NavBar
                    mode="light"
                    icon={<Icon type="left" />}
                    onLeftClick={() => window.history.back(-1)}
                    rightContent={[
                        <Icon key="1" type="ellipsis" />,
                    ]}
                    style={navBarStyle}
                >{this.props.title}</NavBar>
            </div>
        )
    }
}